<!--
 * @Author: Wangtao
 * @Date: 2020-10-22 19:27:39
 * @LastEditors: Wangtao
 * @LastEditTime: 2020-10-31 21:02:28
-->
<template>
  <continer>
    <template slot="content">
      <el-form class="m7-form" :label-position="labelPosition" :model="formData" size="mini" ref="nodeForm">
        <el-form-item label="节点名称">
          <el-input v-model="formData.name" disabled size="mini"></el-input>
        </el-form-item>
        <el-form-item
          :label="item.label"
          prop="region"
          v-for="(item, index) in condition"
          :key="index"
        >
        <el-select v-model="item.to" placeholder="请选择下一步节点" filterable>
          <el-option v-for="(node, index) in nodeList" :label="node.data.name" :value="node.id" v-show="!node.viewOnly && node.id !== currentData.id" :key="index"></el-option>
        </el-select>
        </el-form-item>
      </el-form>
    </template>
    <template slot="oprate">
      <el-button @click="cancel" size="mini">取消</el-button>
      <el-button type="primary" @click="onSubmit" size="mini">确定</el-button>
    </template>
  </continer>
</template>

<script lang="ts">
import { Component, Mixins } from 'vue-property-decorator'
import continer from '@/components/configCommon/ui-modules/drawer-container.vue'
import nodeEidtMixins from './nodeEidtMixins'

@Component({
  name: 'StartNode',
  components: { continer }
})
export default class extends Mixins(nodeEidtMixins) {

}
</script>

<style lang="stylus" scoped>
.start-node
  height 100%
</style>
